Performance perception when browser&#39;s main thread is busy

ABSTRACT

An HTML file transmitted to a client device is configured to call JavaScript code, where the JavaScript code is configured to call a requestAnimationFrame browser application programming interface (API) with an argument identifying a callback function. The callback function is configurable to cause the web browser to: 1) reset a first Cascading Style Sheets (CSS) animation of a first DOM element, the first CSS animation being configured to cause the first DOM element to transition from a hidden state to a visible state during a first time duration specified by a first animation-duration property of the first element using a specific set of CSS properties; and 2) call the requestAnimationFrame browser API with the argument identifying the callback function. Thus, the first DOM element remains hidden as long as the browser performs frame refreshes at an optimal rate. However, when the browser&#39;s main thread is busy, the first DOM element transitions to a visible state.

COPYRIGHT NOTICE

A portion of the disclosure of this patent document contains material, which is subject to copyright protection. The copyright owner has no objection to the facsimile reproduction by anyone of the patent document or the patent disclosure as it appears in the United. States Patent and Trademark Office patent file or records but otherwise reserves all copyright rights whatsoever.

TECHNICAL FIELD

This patent document generally relates to systems and techniques associated with operating a web browser. More specifically, this patent document discloses techniques for providing a visible notification while the web browser's main thread is occupied using a Cascading Style Sheets (CSS) animation.

BACKGROUND

“Cloud computing” services provide shared network-based resources, applications, and information to computers and other devices upon request. In cloud computing environments, services can be provided by servers to users' computer systems via the Internet and wireless networks rather than installing software locally on users' computer systems. A user can interact with social networking systems, electronic mail (email) systems, instant messaging systems, and other software applications in a cloud computing environment.

Websites typically use JavaScript to control web page behavior. JavaScript code can be embedded in or executed from Hypertext Markup Language (HTML) documents. Web browsers implement JavaScript engines configured to execute JavaScript code on client devices.

BRIEF DESCRIPTION OF THE DRAWINGS

The included drawings are for illustrative purposes and serve only to provide examples of possible structures and operations for the disclosed systems, apparatus, methods and computer program products for improving the perception of performance of a web application while the browser's main thread is busy. These drawings in no way limit any changes in form and detail that may be made by one skilled in the art without departing from the spirit and scope of the disclosed implementations.

FIG. 1 shows a system diagram of an example of a system 100 in which user perception of web browser performance is improved, in accordance with some implementations.

FIG. 2 is a diagram of an example computing system 200 that may be used with some implementations.

FIGS. 3A-3H show an example of a Hypertext Markup Language (HTML) document configured to execute JavaScript code to provide an improved user perception of web browser performance, in accordance with some implementations.

FIG. 3I shows an example of Javascript code configured to facilitate the transition of a DOM element between two different states, in accordance with some implementations.

FIG. 4A shows a process flow diagram illustrating a method of providing an improved perception of web browser performance via a client device, in accordance with various implementations.

FIG. 4B shows a process flow diagram illustrating a method of improving user perception of web browser performance by a server system, in accordance with various implementations.

FIG. 5 shows a transaction flow diagram illustrating a method of implementing a web browser, in accordance with various implementations.

FIG. 6A shows a block diagram of an example of an environment 10 in which an on-demand database service can be used in accordance with some implementations.

FIG. 6B shows a block diagram of an example of some implementations of elements of FIG. 6A and various possible interconnections between these elements.

FIG. 7A shows a system diagram of an example of architectural components of an on-demand database service environment 900, in accordance with some implementations,

FIG. 7B shows a system diagram further illustrating an example of architectural components of an on-demand database service environment, in accordance with some implementations.

DETAILED DESCRIPTION

Examples of systems, apparatus, methods and computer program products according to the disclosed implementations are described in this section. These examples are being provided solely to add context and aid in the understanding of the disclosed implementations. It will thus be apparent to one skilled in the art that implementations may be practiced without some or all of these specific details. In other instances, certain operations have not been described in detail to avoid unnecessarily obscuring implementations. Other applications are possible, such that the following examples should not be taken as definitive or limiting either in scope or setting.

In the following detailed description, references are made to the accompanying drawings, which form a part of the description and in which are shown, by way of illustration, specific implementations. Although these implementations are described in sufficient detail to enable one skilled in the art to practice the disclosed implementations, it is understood that these examples are not limiting, such that other implementations may be used and changes may be made without departing from their spirit and scope. For example, the operations of methods shown and described herein are not necessarily performed in the order indicated. It should also be understood that the methods may include more or fewer operations than are indicated. In some implementations, operations described herein as separate operations may be combined. Conversely, what may be described herein as a single operation may be implemented in multiple operations.

Some implementations of the disclosed systems, apparatus, methods and computer program products are configured to improve user perception of web browser performance. In some implementations, systems, apparatus, methods, and computer program products are configured to provide a visible indicator using a Cascading Style Sheets (CSS) animation in the event that a web browser is “frozen.”

JavaScript is single threaded. As a result, JavaScript statements are synchronous and blocking. Therefore, two JavaScript statements cannot be executed in parallel.

A JavaScript engine uses a call stack to manage execution contexts. When a function is called, the JavaScript engine creates a Function Execution Context for the function, pushes it on top of the call stack, and starts executing the function. When the function completes execution, the JavaScript engine pops the Function Execution Context for the function off the call stack and resumes the execution where it left off.

When the call stack is empty, execution of a script ceases. Most devices today refresh their screens at a rate of 60 frames per second (fps). Thus, if an animation or transition is running, the web browser needs to match the device's refresh rate and render one new frame for each screen refresh (e.g., every 16 ms) to provide a smooth and fluid user experience.

Today, in a browser-based web application, performance regressions can be categorized into three main categories: network slowness, server slowness, and browser slowness. More particularly, network slowness may occur due to bandwidth constraints, issues with Content Delivery Network (CDN)/Post Office Protocol (POP) servers, Domain Name Server (DNS) issues, etc. Similarly, server slowness may be perceived due to slow response to network requests. When a browser is slow in rendering (e.g., frozen or busy), this happens because the browser's main thread is busy, which typically occurs due to an inefficient JavaScript function occupying the call stack. When the call stack is not empty, the web browser cannot perform a frame refresh and shows a “frozen” screen. Thus, if the call stack is occupied for more than 16 ms, the web browser cannot achieve a refresh rate of 60 fps, resulting in a poor user experience.

When a network or server is slow to respond, this can be programmatically communicated to the user by showing an animation that creates a better perception. For example, an animation can include a progress indicator or image. However, when the web browser itself is slow in rendering (e.g., frozen or busy) and cannot refresh the screen, it is currently not possible to programmatically render an animation such as a progress indicator.

FIG. 1 shows a system diagram of an example of a system 100 in which user perception of web browser performance is improved, in accordance with some implementations. Database system 102 includes a variety of different hardware and/or software components that are in communication with each other. In the non-limiting example of FIG. 1 , system 102 includes any number of computing devices such as servers 104. Servers 104 are in communication with one or more storage mediums 106 configured to store and maintain relevant data and/or metadata used to perform some of the techniques disclosed herein, as well as to store and maintain relevant data and/or metadata generated by the techniques disclosed herein. Storage mediums 106 may further store computer-readable instructions configured to perform some of the techniques described herein. Storage mediums 106 can also store user profiles of users of system 101, as well as database records such as customer relationship management (CRM) records.

System 102 includes server system 108, which can implement one or more web applications. As will be described in further detail below, server system 108 can facilitate an improved perception of performance by a user when the main thread of a web browser of the user's client device is busy for an extended period of time.

In some implementations, system 102 is configured to store user profiles/user accounts associated with users of system 102. Information maintained in a user profile of a user can include a client identifier such an Internet Protocol (IP) address or Media Access Control (MAC) address. In addition, the information can include a unique user identifier such as an alpha-numerical identifier, the user's name, a user email address, and credentials of the user. Credentials of the user can include a usemame and password. The information can further include job related information such as a job title, role, group, department, organization, and/or experience level, as well as any associated permissions. Profile information such as job related information and any associated permissions can be applied by server system 108 to manage access to web applications.

Client devices 126, 128, 130 may be in communication with system 102 via network 110. More particularly, client devices 126, 128, 130 may communicate with servers 104 via network 110. For example, network 110 can be the Internet. In another example, network 110 comprises one or more local area networks (LAN) in communication with one or more wide area networks (WAN) such as the Internet.

Embodiments described herein are often implemented in a cloud computing environment, in which network 110, servers 104, and possible additional apparatus and systems such as multi-tenant databases may all be considered part of the “cloud.” Servers 104 may be associated with a network domain, such as www.salesforce.com and may be controlled by a data provider associated with the network domain. In this example, employee users 120, 122, 124 of client computing devices 126, 128, 130 have accounts at salesforce.com®. By logging into their accounts, users 126, 128, 130 can access the various services and data provided by system 102 to employees. In other implementations, users 120, 122, 124 need not be employees of salesforce.com® or log into accounts to access services and data provided by system 102. Examples of devices used by users include, but are not limited to a desktop computer or portable electronic device such as a smartphone, a tablet, a laptop, a wearable device such as Google Glass®, another optical head-mounted display (OHMD) device, a smart watch, etc.

In some implementations, users 120, 122, 124 of client devices 126, 128, 130 can access services provided by system 102 via platform 112 or an application installed on client devices 126, 128, 130, More particularly, client devices 126, 128, 130 can log into system 102 via an application programming interface (API) or via a graphical user interface (GUI) using credentials of corresponding users 120, 122, 124 respectively.

Client devices 126, 128, 130 can communicate with system 102 to access a web application of system 108. Communications between client devices 126, 128, 130 and system 102 can be initiated by a user 120, 122, 124. Alternatively, communications can be initiated by system 102 and/or application(s) installed on client devices 126, 128, 130. Therefore, communications between client devices 126, 128, 130 and system 102 can be initiated automatically or responsive to a user request.

Some implementations may be described in the general context of computing system executable instructions, such as program modules, being executed by a computer. The disclosed implementations may further include objects, data structures, and/or metadata, which may facilitate execution of a web application with improved browser performance or may be generated as a result of execution of such a web application.

Some implementations may also he practiced in distributed computing environments where tasks are perforated by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules may he located in local and/or remote computer storage media including memory storage devices.

A computing device that operates as a server or client device may be implemented via any suitable computing system. FIG. 2 is a diagram of an example computing system 200 that may be used with some implementations. Computing system 200 may include a central processing unit (CPU) 220 having one or more processing cores and a mentor 230. In addition, computing system 200 may include a system bus 221 that couples with various system components including the memory 230 and the CPU 220.

In some implementations, computing system 200 includes a variety of computer program product, which may be configured to execute a web application, provide a Hypertext Markup Language (HTML) document configured to render a web page, or process an HTML document configured to render a web page, as described herein. A computer program product can be any available media that can he accessed by computing system 200 including, but not limited to, volatile and nonvolatile media, removable and non-removable media. A computer program product may store information such as computer readable instructions, data structures, or other data such as that described herein.

Memory 230 may include read only memory (ROM)) and/or random-access memory (RAM). In some implementations, memory 230 stores computer readable instructions, data structures, and/or data, which may be generated or processed as described herein.

In some implementations, a user may interact with the computing system 200 through an input device such as a keyboard, a microphone, a remote control, and/or a pointing device such as a mouse, touch pad, or touch screen. These and other input devices may he connected to the CPU 220 through a user input interface 260. Alternatively, an input device may be connected to computing system 200 by another interface such as a universal serial bus (USB) port or wireless interface.

Computing system 200 may operate in a networked environment via which it may connect to a system such as that described above with reference to FIG. 1 . Computing system 200 may be connected to a local or wide area network through a network interface or adapter 270.

To illustrate the operation of the disclosed implementations, an example HTML document will be instructive. FIGS. 3A-3H show an example of a Hypertext Markup Language (HTML) document configured to execute JavaScript code to improve user perception of web browser performance, in accordance with some implementations. As shown in FIG. 3A, a first <div> tag denotes a first container 300 that contains a first animation. In accordance with various implementations, the first animation is configured to cause a corresponding DOM element to transition from a hidden state to a visible state, as will be described in further detail below.

In some implementations, a second animation is rendered during execution of the web application. FIG. 3B shows a second <div> tag denoting a second container 304 that contains a second animation. The second animation may be initially rendered such that it is visible. In this example, the second animation is initially rendered at an opacity level of 1.

As shown in FIG. 3C, a @keyframes rule 306 defines a set of CSS styles for each state of the second animation. In this example, the second animation transitions across multiple colors: red, yellow, green, and blue.

Ins some implementations, the second animation can be configured to cause a first DOM element 308 to transition from a visible state to a hidden state, as shown in FIG. 3D. More particularly, the second animation can be transitioned from a visible state to a hidden state to reveal the first animation as it transitions from a hidden state to a visible state. In this example, a @keyframes rule defines a set of CSS styles for each state of a corresponding animation identified by animation name, container. More particularly, the @keyframes rule defines an animation sequence from the visible state to the hidden state.

The transition of first DOM element 308 occurs over a time period specified by an animation-duration property of DOM element 308. In this example, the duration is 1 second. First DOM element 308 may have one or more CSS properties that define various states of the animation. In some implementations, the CSS properties include an opacity property. In other implementations, the CSS properties can include other properties such as a visibility property or transform property. In this manner, an animation may be rendered using one or more CSS properties by a browser thread (e.g., Rasterizer, Compositor or GPU thread) other than the main thread of the browser.

In this example, @keyframes rule 310 defines a first set of CSS styles for the visible stale that corresponds to an opacity level of one and a second set of CSS styles for the hidden state that corresponds to an opacity level of zero. However, it is important to note that this example is merely illustrative and other opacity levels may be implemented.

An animation can include one or more intermediate states. Each state of an animation can correspond to a percentage that indicates an amount of the corresponding animation that is completed at that state. More particularly, a keyframe selector of a @keyframes rule may specify a particular percentage associated with a corresponding state.

As shown in FIG. 3D, @keyframes rule 310, defines an intermediate state that corresponds to an opacity level of one. Therefore, the second animation remains visible until the second animation is complete.

In accordance with various implementations, the first CSS animation is configured to cause a second DOM element 312 to transition from a hidden state to a visible state, as shown in FIG. 3E. The transition occurs over a time period specified by an animation-duration property of DOM element 312. In other words, the transition is complete upon completion of the time period.

In this example, the time duration is 1 second. The time duration represents a time period beyond which, if a JavaScript call stack is occupied, second DOM element 312 becomes visible. This enables a branding, message, or other indicator such as a loading gif or progress indicator to be rendered while the JavaScript call stack is occupied.

Second DOM element 312 may have one or more CSS properties that define various states of the animation. In some implementations, the CSS properties include an opacity property. In other implementations, the CSS properties can include other properties such as a visibility property. Thus, a CSS animation can animate a transition from one set of CSS styles to another set of CSS styles.

In this example, a @keyframes rule 314 defines a set of CSS styles for each state of a corresponding animation identified by animation name, loaderimage. More particularly, @keyframes rule 314 defines an animation sequence from the hidden state to the visible state.

As shown in FIG. 3E, @keyframes rule 314 defines a first set of CSS styles for the hidden state that corresponds to an opacity level of zero and a second set of CSS styles for the visible state that corresponds to an opacity level of one, However, this example is merely illustrative and the hidden state and visible states can correspond to other opacity levels. For example, the hidden state can correspond to an opacity level of 0.1 while the visible state can correspond to an opacity level of 0.9.

In addition, @keyframes rule 314 can define a set of CSS styles for each of one or more intermediate states. In this example, @keyframes rule 314 defines a set of CSS styles for an intermediate state corresponding to an opacity level of zero. As a result, the corresponding animation, loaderimage, is not visible until the animation is complete.

Each state of the first animation can correspond to a percentage that indicates an amount of the corresponding animation that is completed at that state. More particularly, @keyframes rule 314 may specify a particular percentage associated with a corresponding state. For example, a keyframe selector of @keyframes rule 314 may specify a particular percentage associated with a corresponding state.

In this example, the initial state corresponds to 0%, the final state corresponds to 100%, and an intermediate state corresponds to 50%. However, this example is merely illustrative. Thus, any number of intermediate states and percentages may be applied to configure an animation.

In accordance with various implementations, the first animation causes DOM element 312 to become visible if the JavaScript call stack is occupied for the period of time specified by the animation-duration property of DOM element 312. Therefore, DOM element 312 becomes visible if an inefficient JavaScript function causes the call stack to remain occupied for an extended period of time.

FIG. 3F shows computer-readable code that includes an example of an inefficient JavaScript function 320. A function may be inefficient if it occupies the call stack for an extended period of time.

While JavaScript statements are synchronous, asynchronous behavior can be achieved via event looping. In some implementations, event looping is implemented to reset a CSS animation, as will be described in further detail below with reference to FIG. 3G. By repeatedly resetting an animation such as that described above with reference to FIG. 3E, it is possible to continuously present a visual indicator that confirms to the user that the application is executing even though the web browser may appear to be “frozen.”

FIG. 3G shows an example of a reset animation function 330 configured to reset a CSS animation. As shown in this example, reset animation function 330 can reset the second CSS animation at 332. In addition, reset animation function 330 can reset the first CSS animation at 334. A CSS animation may be reset, for example, by removing a class that defines the corresponding DOM element and subsequently adding the class that defines the DOM element. Reset animation function 330 is further configured to repeatedly call a requestAnimationFrame browser API with an argument identifying a callback function, reset animation function 330, at 336. By repeatedly calling the requestAnimationFrame browser API, reset animation function 330 is automatically called during every screen refresh. Thus, the first animation becomes visible in the event that the call stack remains occupied for the designated time period. Since the first animation is continuously reset, in the event that the call stack becomes unoccupied, the first animation will again become invisible.

Reset animation function 330 is called for the first time during the next screen refresh. More particularly, the requestAnimationFrame browser API can be called at 338 with an argument identifying the callback function, reset animation function 330, ensuring that reset animation function 330 will be called during the next screen refresh.

FIG. 3H shows an example of computer-readable code 350 that calls an inefficient function such as that shown in FIG. 3F. The animation name of the first animation, loaderimage, is associated with a source of data for the first animation, as defined by a SRC property of second DOM element 312. For example, the SRC property can identify a URL of a file containing the data to be rendered in the first animation. In this example, the source of the data rendered in the first animation is a gif file. However, this example is merely illustrative. In other implementations, the source of the data can include text (e.g., a message), an image (e.g., icon), and/or video file.

In the above-described examples, the transition of a DOM element is facilitated through the use of an opacity property of the DOM element. However, these examples are merely illustrative. In other implementations, the transition can be facilitated through the use of a CSS transform property, as will be described in further detail below with reference to FIG. 3I.

FIG. 3I shows an example of Javascript code configured to facilitate the transition of a DOM element between two different states, in accordance with some implementations. As shown in this example, a @keyframes rule associated with a DOM element can transition the DOM element from a first state to a second state through the use of a CSS transform property and scale method. As shown in this example, each state may be associated with a CSS transform property and scale method, where the scale method has an argument having a first value in the hidden state and a second value in the visible state. In other words, the scale method accepts a parameter that determines the level of transformation of the corresponding DOM clement at the corresponding state. In some implementations, the scale method may be called with an argument having a value of zero in the hidden state and a value of one in the visible state.

FIG. 4A shows a process flow diagram illustrating a method of improving user perception of web browser performance via a client device, in accordance with various implementations. As shown at 402, a web browser of a client device transmits a request for a web page. For example, the request can include an HTTP request. The web browser processes a response such as an HTTP response received from a server responsive to the request at 404, where the response includes a HyperText Markup Language (HTML) file. As described above, the HTML file is configured to call JavaScript code. The HTML file can include JavaScript code such as that described above with reference to FIGS. 3A-3I. Alternatively, the JavaScript code can be provided in a separate file, which is referenced within the HTML file.

The web browser processes the HTML file at 406 by, for example, storing the HTML file, parsing the HTML file, and generating tree data structures containing information generated as a result of parsing the HTML file. For example, the trees can include DOM and CSS information.

The web browser executes the Javascript code at 408 using data structures that have been generated and creates an execution context that it pushes on top of a call stack. When a function is called, the JavaScript engine creates a function execution context that it pushes on top of the call stack. As functions complete execution, the execution contexts are popped off the top of the call stack.

The JavaScript code is configured to call a requestAnimationFrame browser API with an argument identifying a callback function. The callback function is configurable to cause the web browser to 1) reset a first CSS animation of a first DOM element, where the first CSS animation is configured to cause the first DOM element to transition from a hidden state to a visible state during a first time duration specified by a first animation-duration property of the first element and 2) call the requestAnimationFrame browser API with the argument identifying the callback function. Therefore, the callback function is configured to repeatedly reset the first CSS animation.

In accordance with various implementations, the first DOM element is defined by a class having a CSS animation-name property specifying an animation name of the first CSS animation, where the first animation is controlled by a @keyframes rule. As described above, the @keyframes rule defines an animation sequence from the hidden state to the visible state. In some implementations, the first CSS animation causes the first DOM element to transition from a first set of CSS styles to a second set of CSS styles. More particularly, a value of at least one CSS property may be transitioned from a first value to a second value over the duration of the CSS animation. For example, the CSS property can include an opacity property or a visibility property.

The callback function (e.g., reset function) is called via the requestAnimationFrame browser APPI during the next screen refresh, enabling the first DOM element to transition from the hidden state to the visible state. By repeatedly calling the requestAnimationFrame browser API, the first CSS animation is reset to a hidden state during each subsequent screen refresh. Thus, during normal operation of a web application, the web browser refreshes the screen at the optimal rate, keeping the CSS animation hidden. As a result, the CSS animation remains hidden while frame refreshes continue to occur at the optimal frame rate (e.g., 60 frames per second). However, in the event that the call stack remains occupied for a time period that is greater than or equal to the first time duration, the browser's main thread freezes, a screen refresh cannot occur, and the CSS animation transitions to the visible state. Therefore, while the browser's main thread is busy for more than the first time duration, the first CSS animation remains visible.

Once the browser's main thread is no longer occupied, it continues to perform screen refreshes at the optimal rate. Since the CSS animation is reset during a screen refresh, the CSS animation disappears and remains in a hidden state until the next time the main browser thread freezes.

In some implementations, a second DOM element is defined by a class having a CSS animation-name property specifying an animation name of a second animation that transitions from a visible state to a hidden state. The second animation can similarly be controlled by a corresponding @keyframes rule. For example, the second animation can transition from the visible to the hidden state while the first animation transitions from the hidden to the visible state.

While the browser's main thread is occupied, other browser threads such as Rasterizer, Compositor, and graphics processing unit (GPU) threads continue to run. Thus, animations such as those described herein can continue to run even when the main thread is blocked.

FIG. 4B shows a process flow diagram illustrating a method of improving user perception of web browser performance by a server system, in accordance with various implementations. A server processes a request such as a HTTP request received from a client device at 452. Responsive to the request, the server transmits a response including a HTML file to the client device at 454. As described above, the

HTML file is configured to call JavaScript code, where the JavaScript code is configured to call a requestAnimationFrame browser API with an argument identifying a callback function. The callback function is configurable to cause a web browser of the client device to: 1) reset a first CSS animation of a first DOM element, the first CSS animation being configured to cause the first DOM element to transition from a hidden state to a visible state during a first time duration specified by a first animation-duration property of the first element and 2) call the requestAnimationFrame browser API with the argument identifying the callback function.

FIG. 5 shows a transaction flow diagram 500 illustrating a method of implementing a web browser, in accordance with various implementations. The method involves a server 502 and various components of a web browser, including a browser engine 504, a rendering engine, and a JavaScript interpreter 510. The rendering engine processes a main thread 506 and an additional non-main thread 508, as set forth herein.

As shown in FIG. 5 , the browser engine 506 requests a web page at 512 and receives a web page at 514. The browser engine sends the web page to the rendering engine at 516, which parses the web page at 518, generates a DOM 520, and sends the JavaScript of the web page to the JavaScript interpreter at 522.

The JavaScript interpreter interprets the JavaScript to deduce the actions to be performed and instructs the browser engine to perform the actions at 526. The browser engine instructs the rendering engine to render the web page at 528 and the rendering engine renders the web page according to the DOM at 530.

As described above, an inefficient JavaScript function can occupy the main thread of the web browser. During this time, the web browser may appear to be frozen.

The browser engine repeatedly calls a requestAnimationFrame browser application programming interface (API). Responsive to calling the requestAnimationFrame browser API, a browser thread (e.g., Rasterizer, Compositor or GPU thread) other than the main thread of the browser resets a CSS animation via the rendering engine, as shown at 532.

During normal operation, the web browser continues to perform frame refreshes at the optimal rate and the CSS animation is repeatedly reset responsive to subsequent calls of the requestAnimationFrame browser API. The first DOM element remains hidden as long as the browser performs frame refreshes at an optimal rate. However, when the browser's main thread is busy, the browser engine does not instruct the rendering engine to reset the CSS animation. As a result, the first DOM element transitions to a visible state. In this manner, it is possible to provide a visible notification while the web browser's main thread is occupied using a CSS animation.

Some but not all of the techniques described or referenced herein are implemented using or in conjunction with a database system. Salesforce.com, inc. is a provider of customer relationship management (CRM) services and other database management services, which can be accessed and used in conjunction with the techniques disclosed herein in some implementations. In some but not all implementations, services can be provided in a cloud computing environment, for example, in the context of a multi-tenant database system. Thus, some of the disclosed techniques can be implemented without having to install software locally, that is, on computing devices of users interacting with services available through the cloud. Some of the disclosed techniques can be implemented via an application installed on computing devices of users.

Information stored in a database record can include various types of data including character-based data, audio data, image data, animated images, and/or video data. A database record can store one or more files, which can include text, presentations, documents, multimedia tiles, and the like. Data retrieved from a database can be presented via a computing device. For example, visual data can be displayed in a graphical user interface (GUI) on a display device such as the display of the computing device. In some but not all implementations, the disclosed methods, apparatus, systems, and computer program products may be configured or designed for use in a multi-tenant database environment.

The term “multi-tenant database system” generally refers to those systems in which various elements of hardware and/or software of a database system may be shared by one or more customers. For example, a given application server may simultaneously process requests for a great number of customers, and a given database table may store rows of data such as feed items for a potentially much greater number of customers.

An example of a “user profile” or “user's profile” is a database object or set of objects configured to store and maintain data about a given user of a social networking system and/or database system. The data can include general information, such as name, title, phone number, a photo, a biographical summary, and a status, e.g., text describing what the user is currently doing. Where there are multiple tenants, a user is typically associated with a particular tenant. For example, a user could be a salesperson of a company, which is a tenant of the database system that provides a database service.

The term “record” generally refers to a data entity having fields with values and stored in database system. An example of a record is an instance of a data object created by a user of the database service, for example, in the form of a CRM record about a particular (actual or potential) business relationship or project. The record can have a data structure defined by the database service (a standard object) or defined by a user (custom object). For example, a record can be for a business partner or potential business partner (e.g., a client, vendor, distributor, etc.) of the user, and can include information describing an entire company, subsidiaries, or contacts at the company. As another example, a record can be a project that the user is working on, such as an opportunity (e.g., a possible sale) with an existing partner, or a project that the user is trying to get. In one implementation of a multi-tenant database system, each record for the tenants has a unique identifier stored in a common table. A record has data fields that are defined by the structure of the object (e.g., fields of certain data types and purposes). A record can also have custom fields defined by a user. A field can be another record or include links thereto, thereby providing a parent-child relationship between the records.

Some non-limiting examples of systems, apparatus, and methods are described below for implementing database systems and enterprise level social networking systems in conjunction with the disclosed techniques. Such implementations can provide more efficient use of a database system. For instance, a user of a database system may not easily know when important information in the database has changed, e.g., about a project or client. Such implementations can provide feed tracked updates about such changes and other events, thereby keeping users informed.

FIG. 6A shows a block diagram of an example of an environment 10 in which an on-demand database service exists and can be used in accordance with some implementations. Environment 10 may include user systems 12, network 14, database system 16, processor system 17, application platform 18, network interface 20, tenant data storage 22, system data storage 24, program code 26, and process space 28. In other implementations, environment 10 may not have all of these components and/or may have other components instead of, or in addition to, those listed above.

A user system 12 may be implemented as any computing device(s) or other data processing apparatus such as a machine or system used by a user to access a database system 16. For example, any of user systems 12 can be a handheld and/or portable computing device such as a mobile phone, a smartphone, a laptop computer, or a tablet. Other examples of a user system include computing devices such as a work station and/or a network of computing devices. As illustrated in FIG. 6A (and in more detail in FIG. 6B) user systems 12 might interact via a network 14 with an on-demand database service, which is implemented in the example of FIG. 6A as database system 16.

An on-demand database service, implemented using system 16 by way of example, is a service that is made available to users who do not need to necessarily be concerned with building and/or maintaining the database system. Instead, the database system may be available for their use when the users need the database system, i.e., on the demand of the users. Some on-demand database services may store information from one or more tenants into tables of a common database image to form a multi-tenant database system (MTS). A database image may include one or more database objects. A relational database management system (RDBMS) or the equivalent may execute storage and retrieval of information against the database object(s). Application platform 18 may be a framework that allows the applications of system 16 to run, such as the hardware and/or software, e.g., the operating system. In some implementations, application platform 18 enables creation, managing and executing one or more applications developed by the provider of the on-demand database service, users accessing the on-demand database service via user systems 12, or third party application developers accessing the on-demand database service via user systems 12.

The users of user systems 12 may differ in their respective capacities, and the capacity of a particular user system 12 might be entirely determined by permissions (permission levels) for the current user. For example, when a salesperson is using a particular user system 12 to interact with system 16, the user system has the capacities allotted to that salesperson. However, while an administrator is using that user system to interact with system 16, that user system has the capacities allotted to that administrator. In systems with a hierarchical role model, users at one permission level may have access to applications, data, and database information accessible by a lower permission level user, but may not have access to certain applications, database information, and data accessible by a user at a higher permission level. Thus, different users will have different capabilities with regard to accessing and modifying application and database information, depending on a user's security or permission level, also called authorization.

Network 14 is any network or combination of networks of devices that communicate with one another. For example, network 14 can be any one or any combination of a LAN (local area network), WAN (wide area network), telephone network, wireless network, point-to-point network, star network, token ring network, hub network, or other appropriate configuration. Network 14 can include a TCP/IP (Transfer Control Protocol and Internet Protocol) network, such as the global internetwork of networks often referred to as the Internet. The Internet will be used in many of the examples herein. However, it should be understood that the networks that the present implementations might use are not so limited.

User systems 12 might communicate with system 16 using TCP/IP and, at a higher network level, use other common Internet protocols to communicate, such as HTTP, FTP, AFS, WAP, etc. In an example where HTTP is used, user system 12 might include an HTTP client commonly referred to as a “browser” for sending and receiving HTTP signals to and from an HTTP server at system 16. Such an HTTP server might be implemented as the sole network interface 20 between system 16 and network 14, but other techniques might be used as well or instead. In some implementations, the network interface 20 between system 16 and network 14 includes load sharing functionality, such as round-robin HTTP request distributors to balance loads and distribute incoming HTTP requests evenly over a plurality of servers. At least for users accessing system 16, each of the plurality of servers has access to the MTS' data; however, other alternative configurations may be used instead.

In one implementation, system 16, shown in FIG. 6A, implements a web-based CRM system. For example, in one implementation, system 16 includes application servers configured to implement and execute CRM software applications as well as provide related data, code, forms, web pages and other information to and from user systems 12 and to store to, and retrieve from, a database system related data, objects, and Webpage content. With a multi-tenant system, data for multiple tenants may be stored in the same physical database object in tenant data storage 22, however, tenant data typically is arranged in the storage medium(s) of tenant data storage 22 so that data of one tenant is kept logically separate from that of other tenants so that one tenant does not have access to another tenant's data, unless such data is expressly shared. In certain implementations, system 16 implements applications other than, or in addition to, a CRM application. For example, system 16 may provide tenant access to multiple hosted (standard and custom) applications, including a CRM application. User (or third patty developer) applications, which may or may not include CRM, may be supported by the application platform 18, which manages creation, storage of the applications into one or more database objects and executing of the applications in a virtual machine in the process space of the system 16.

One arrangement for elements of system 16 is shown in FIGS. 7A and 7B, including a network interface 20, application platform 18, tenant data storage 22 for tenant data 23, system data storage 24 for system data 25 accessible to system 16 and possibly multiple tenants, program code 26 for implementing various functions of system 16, and a process space 28 for executing MTS system processes and tenant-specific processes, such as running applications as part of an application hosting service. Additional processes that may execute on system 16 include database indexing processes.

Several elements in the system shown in FIG. 6A include conventional, well-known elements that are explained only briefly here. For example, each user system 12 could include a desktop personal computer, workstation, laptop, PDA, cell phone, or any wireless access protocol (WAP) enabled device or any other computing device capable of interfacing directly or indirectly to the Internet or other network connection. The term “computing device” is also referred to herein simply as a “computer”. User system 12 typically runs an HTTP client, e.g., a browsing program, such as Microsoft's Internet Explorer browser, Netscape's Navigator browser, Opera's browser, or a WAP-enabled browser in the case of a cell phone, PDA or other wireless device, or the like, allowing a user (e.g., subscriber of the multi-tenant database system) of user system 12 to access, process and view information, pages and applications available to it from system 16 over network 14. Each user system 12 also typically includes one or more user input devices, such as a keyboard, a mouse, trackball, touch pad, touch screen, pen or the like, for interacting with a GUI provided by the browser on a display (e.g., a monitor screen, LCD display, OLED display, etc.)

of the computing device in conjunction with pages, forms, applications and other information provided by system 16 or other systems or servers. Thus, “display device” as used herein can refer to a display of a computer system such as a monitor or touch-screen display, and can refer to any computing device having display capabilities such as a desktop computer, laptop, tablet, smartphone, a television set-top box, or wearable device such Google Glass® or other human body-mounted display apparatus. For example, the display device can be used to access data and applications hosted by system 16, and to perform searches on stored data, and otherwise allow a user to interact with various GUI pages that may be presented to a user. As discussed above, implementations are suitable for use with the Internet, although other networks can be used instead of or in addition to the Internet, such as an intranet, an extranet, a virtual private network (VPN), a non-TCP/IP based network, any LAN or WAN or the like.

According to one implementation, each user system 12 and all of its components are operator configurable using applications, such as a browser, including computer code run using a central processing unit such as an Intel Pentium® processor or the like. Similarly, system 16 (and additional instances of an MTS, where more than one is present) and all of its components might be operator configurable using application(s) including computer code to run using processor system 17, which may be implemented to include a central processing unit, which may include an Intel Pentium® processor or the like, and/or multiple processor units. Non-transitory computer-readable media can have instructions stored thereon/in, that can be executed. by or used to program a computing device to perform any of the methods of the implementations described herein. Computer program code 26 implementing instructions for operating and configuring system 16 to intercommunicate and to process web pages, applications and other data and media content as described herein is preferably downloadable and stored on a hard disk, but the entire program code, or portions thereof, may also be stored in any other volatile or non-volatile memory medium or device as is well known, such as a ROM or RAM, or provided on any media capable of storing program code, such as any type of rotating media including floppy disks, optical discs, digital versatile disk (DVD), compact disk (CD), microdrive, and magneto-optical disks, and magnetic or optical cards, nanosystems (including molecular memory ICs), or any other type of computer-readable medium or device suitable for storing instructions and/or data. Additionally, the entire program code, or portions thereof, may be transmitted and downloaded from a software source over a transmission medium, e.g., over the Internet, or from another server, as is well known, or transmitted over any other conventional network connection as is well known (e.g., extranet, VPN, LAN, etc.) using any communication medium and protocols (e.g., TCP/IP, HTTP, HTTPS, Ethernet, etc.) as are well known. It will also be appreciated that computer code for the disclosed implementations can be realized. in any programming language that can be executed on a client system and/or server or server system such as, for example, C, C++, HTML, any other markup language, Java™, JavaScript, ActiveX, any other scripting language, such as VBScript, and many other programming languages as are well known may be used. (Java™ is a trademark of Sun Microsystems, Inc.).

According to some implementations, each system 16 is configured to provide web pages, forms, applications, data and media content to user (client) systems 12 to support the access by user systems 12 as tenants of system 16. As such, system 16 provides security mechanisms to keep each tenant's data separate unless the data is shared. If more than one MTS is used, they may be located in close proximity to one another (e.g., in a server farm located in a single building or campus), or they may be distributed at locations remote from one another (e.g., one or more servers located in city A and one or more servers located in city B). As used herein, each MTS could include one or more logically and/or physically connected servers distributed locally or across one or more geographic locations. Additionally, the term “server” is meant to refer to one type of computing device such as a system including processing hardware and process space(s), an associated storage medium such as a memory device or database, and, in some instances, a database application (e.g., OODBMS or RDBMS) as is well known in the art. It should also be understood that “server system” and “server” are often used interchangeably herein. Similarly, the database objects described herein can be implemented as single databases, a distributed database, a collection of distributed databases, a database with redundant online or offline backups or other redundancies, etc., and might include a distributed database or storage network and associated processing intelligence.

FIG. 6B shows a block diagram of an example of some implementations of elements of FIG. 6A and various possible interconnections between these elements. That is, FIG. 6B also illustrates environment 10. However, in FIG. 6B elements of system 16 and various interconnections in some implementations are further illustrated. FIG. 6B shows that user system 12 may include processor system 12A, memory system 12B, input system 12C, and output system 12D. FIG. 6B shows network 14 and system 16. FIG. 6B also shows that system 16 may include tenant data storage 22, tenant data 23, system data storage 24, system data 25, User Interface (UI) 30, Application Program Interface (API) 32, PL/SOQL 34, save routines 36, application setup mechanism 38, application servers 50 ₁-50 _(N), system process space 52, tenant process spaces 54, tenant management process space 60, tenant storage space 62, user storage 64, and application metadata 66. In other implementations, environment 10 may not have the same elements as those listed above and/or may have other elements instead of, or in addition to, those listed above.

User system 12, network 14, system 16, tenant data storage 22, and system data storage 24 were discussed above in FIG. 6A. Regarding user system 12, processor system 12A may be any combination of one or more processors. Memory system 12B may be any combination of one or more memory devices, short term, and/or long term memory. Input system 12C may be any combination of input devices, such as one or more keyboards, mice, trackballs, scanners, cameras, and/or interfaces to networks. Output system 12D may be any combination of output devices, such as one or more monitors, printers, and/or interfaces to networks. As shown by FIG. 6B, system 16 may include a network interface 20 (of FIG. 6A) implemented as a set of application servers 50, an application platform 18, tenant data storage 22, and system data storage 24. Also shown is system process space 52, including individual tenant process spaces 54 and a tenant management process space 60, Each application server 50 may he configured to communicate with tenant data storage 22 and the tenant data 23 therein, and system data storage 24 and the system data 25 therein to serve requests of user systems 12. The tenant data 23 might be divided into individual tenant storage spaces 62, which can he either a physical arrangement and/or a logical arrangement of data. Within each tenant storage space 62, user storage 64 and application metadata 66 might be similarly allocated for each user. For example, a copy of a user's most recently used (MRU) items might he stored to user storage 64. Similarly, a copy of MRU items for an entire organization that is a tenant might be stored to tenant storage space 62. A UI 30 provides a user interface and an API 32 provides an application programmer interface to system 16 resident processes to users and/or developers at user systems 12. The tenant data and the system data may be stored in various databases, such as one or more Oracle® databases.

Application platform 18 includes an application setup mechanism 38 that supports application developers' creation and management of applications, which may be saved as metadata into tenant data storage 22 by save routines 36 for execution by subscribers as one or more tenant process spaces 54 managed by tenant management process 60 for example. Invocations to such applications may be coded using PL/SOQL 34 that provides a programming language style interface extension to API 32. A detailed description of some PL/SOQL language implementations is discussed in commonly assigned U.S. Pat. No. 7,730,478, titled METHOD AND SYSTEM FOR ALLOWING ACCESS TO DEVELOPED APPLICATIONS VIA A MULTI-TENANT ON-DEMAND DATABASE SERVICE, by Craig Weissman, issued on Jun. 1, 2010, and hereby incorporated by reference in its entirety and for all purposes. Invocations to applications may be detected by one or more system processes, which manage retrieving application metadata 66 for the subscriber making the invocation and executing the metadata as an application in a virtual machine.

Each application server 50 may be communicably coupled to database systems, e.g., having access to system data 25 and tenant data 23, via a different network connection. For example, one application server 50 _(N-1) might be coupled via the network 14 (e.g., the Internet), another application server 50 _(N-1) might be coupled via a direct network link, and another application server 50 _(N) might be coupled by yet a different network connection. Transfer Control Protocol and Internet Protocol (TCP/IP) are typical protocols for communicating between application servers 50 and the database system. However, it will be apparent to one skilled in the art that other transport protocols may be used to optimize the system depending on the network interconnect used.

In certain implementations, each application server 50 is configured to handle requests for any user associated with any organization that is a tenant. Because it is desirable to be able to add and remove application servers from the server pool at any time for any reason, there is preferably no server affinity for a user and/or organization to a specific application server 50. In one implementation, therefore, an interface system implementing a load balancing function (e.g., an F5 Big-IP load balancer) is communicably coupled between the application servers 50 and the user systems 12 to distribute requests to the application servers 50. In one implementation, the load balancer uses a least connections algorithm to route user requests to the application servers 50. Other examples of load balancing algorithms, such as round robin and observed response time, also can be used. For example, in certain implementations, three consecutive requests from the same user could hit three different application servers 50, and three requests from different users could hit the same application server 50. In this manner, by way of example, system 16 is multi-tenant, wherein system 16 handles storage of, and access to, different objects, data and applications across disparate users and organizations.

As an example of storage, one tenant might be a company that employs a sales force where each salesperson uses system 16 to manage their sales process. Thus, a user might maintain contact data, leads data, customer follow-up data, performance data, goals and progress data, etc., all applicable to that user's personal sales process (e.g., in tenant data storage 22). In an example of a MTS arrangement, since all of the data and the applications to access, view, modify, report, transmit, calculate, etc., can be maintained and accessed by a user system having nothing more than network access, the user can manage his or her sales efforts and cycles from any of many different user systems. For example, if a salesperson is visiting a customer and the customer has Internet access in their lobby, the salesperson can obtain critical updates as to that customer while waiting for the customer to arrive in the lobby.

While each user's data might be separate from other users' data regardless of the employers of each user, some data might be organization-wide data shared or accessible by a plurality of users or all of the users for a given organization that is a tenant. Thus, there might be some data structures managed by system 16 that are allocated at the tenant level while other data structures might be managed at the user level. Because an MTS might support multiple tenants including possible competitors, the MTS should have security protocols that keep data, applications, and application use separate. Also, because many tenants may opt for access to an MTS rather than maintain their own system, redundancy, up-time, and backup are additional functions that may be implemented in the MTS. In addition to user-specific data and tenant-specific data, system 16 might also maintain system level data usable by multiple tenants or other data. Such system level data might include industry reports, news, postings, and the like that are shamble among tenants.

In certain implementations, user systems 12 (which may he client systems) communicate with application servers 50 to request and update system-level and tenant-level data from system 16 that may involve sending one or more queries to tenant data storage 22 and/or system data storage 24. System 16 (e.g., an application server 50 in system 16) automatically generates one or more SQL statements e.g., one or more SQL queries) that are designed to access the desired information. System data storage 24 may generate query plans to access the requested data from the database.

Each database can generally be viewed as a collection of objects, such as a set of logical tables, containing data fitted into predefined categories. A “table” is one representation of a data object, and may be used herein to simplify the conceptual description of objects and custom objects according to some implementations. It should be understood that “table” and “object” may be used interchangeably herein. Each table generally contains one or more data categories logically arranged as columns or fields in a viewable schema. Each row or record of a table contains an instance of data for each category defined by the fields. For example, a CRM database may include a table that describes a customer with fields for basic contact information such as name, address, phone number, fax number, etc. Another table might describe a purchase order, including fields for information such as customer, product, sale price, date, etc. In some multi-tenant database systems, standard entity tables might be provided for use by all tenants. For CRM database applications, such standard entities might include tables for case, account, contact, lead, and opportunity data objects, each containing pre-defined fields. It should be understood that the word “entity” may also be used interchangeably herein with “object” and “table”.

In some multi-tenant database systems, tenants may he allowed to create and store custom objects, or they may be allowed to customize standard entities or objects, for example by creating custom fields for standard objects, including custom index fields. Commonly assigned U.S. Pat. No. 7,779,039, titled CUSTOM ENTITIES AND FIELDS IN A MULTI-TENANT DATABASE SYSTEM, by Weissman et at, issued on Aug. 17, 2010, and hereby incorporated by reference in its entirety and for all purposes, teaches systems and methods for creating custom objects as well as customizing standard objects in a multi-tenant database system. In certain implementations, for example, all custom entity data rows are stored in a single multi-tenant physical table, which may contain multiple logical tables per organization. It is transparent to customers that their multiple “tables” are in fact stored in one large table or that their data may be stored in the same table as the data of other customers.

FIG. 7A shows a system diagram of an example of architectural components of an on-demand database service environment 900, in accordance with some implementations. A client machine located in the cloud 904, generally referring to one or more networks in combination, as described herein, may communicate with the on-demand database service environment via one or more edge routers 908 and 912. A client machine can be any of the examples of user systems 12 described above. The edge routers may communicate with one or more core switches 920 and 924 via firewall 916. The core switches may communicate with a load balancer 928, which may distribute server load over different pods, such as the pods 940 and 944. The pods 940 and 944, which may each include one or more servers and/or other computing resources, may perform data processing and other operations used to provide on-demand services. Communication with the pods may be conducted via pod switches 932 and 936. Components of the on-demand database service environment may communicate with a database storage 956 via a database firewall 948 and a database switch 952.

As shown in FIGS. 7A and 7B, accessing an on-demand database service environment may involve communications transmitted among a variety of different hardware and/or software components. Further, the on-demand database service environment 900 is a simplified representation of an actual on-demand database service environment. For example, while only one or two devices of each type are shown in FIGS. 7A and 7B, some implementations of an on-demand database service environment may include anywhere from one to many devices of each type. Also, the on-demand database service environment need not include each device shown in FIGS. 7A and 7B, or may include additional devices not shown in FIGS. 7A and 7B.

Moreover, one or more of the devices in the on-demand database service environment 900 may he implemented on the same physical device or on different hardware. Some devices may be implemented using hardware or a combination of hardware and software. Thus, terms such as “data processing apparatus,” “machine,” “server” and “device” as used herein are not limited to a single hardware device, but rather include any hardware and software configured to provide the described functionality.

The cloud 904 is intended to refer to a data network or combination of data networks, often including the Internet. Client machines located in the cloud 904 may communicate with the on-demand database service environment to access services provided by the on-demand database service environment. For example, client machines may access the on-demand database service environment to retrieve, store, edit, and/or process information.

In some implementations, the edge routers 908 and 912 route packets between the cloud 904 and other components of the on-demand database service environment 900. The edge routers 908 and 912 may employ the Border Gateway Protocol (BGP). The BGP is the core routing protocol of the Internet. The edge routers 908 and 912 may maintain a table of IP networks or ‘prefixes’, which designate network reachability among autonomous systems on the Internet.

In one or more implementations, the firewall 916 may protect the inner components of the on-demand database service environment 900 from Internet traffic. The firewall 916 may block, permit, or deny access to the inner components of the on-demand database service environment 900 based upon a set of rules and other criteria. The firewall 916 may act as one or more of a packet filter, an application gateway, a stateful filter, a proxy server, or any other type of firewall.

In some implementations, the core switches 920 and 924 are high-capacity switches that transfer packets within the on-demand database service environment 900. The core switches 920 and 924 may be configured as network bridges that quickly route data between different components within the on-demand database service environment. In some implementations, the use of two or more core switches 920 and 924 may provide redundancy and/or reduced latency.

In some implementations, the pods 940 and 944 may perform the core data processing and service functions provided by the on-demand database service environment. Each pod may include various types of hardware and/or software computing resources. An example of the pod architecture is discussed in greater detail with reference to FIG. 7B.

In some implementations, communication between the pods 940 and 944 may be conducted via the pod switches 932 and 936. The pod switches 932 and 936 may facilitate communication between the pods 940 and 944 and client machines located in the cloud 904, for example via core switches 920 and 924. Also, the pod switches 932 and 936 may facilitate communication between the pods 940 and 944 and the database storage 956.

In some implementations, the load balancer 928 may distribute workload between the pods 940 and 944. Balancing the on-demand service requests between the pods may assist in improving the use of resources, increasing throughput, reducing response times, and/or reducing overhead. The load balancer 928 may include multilayer switches to analyze and forward traffic.

In some implementations, access to the database storage 956 may be guarded by a database firewall 948. The database firewall 948 may act as a computer application firewall operating at the database application layer of a protocol stack. The database firewall 948 may protect the database storage 956 from application attacks such as structure query language (SQL) injection, database rootkits, and unauthorized information disclosure.

In some implementations, the database firewall 948 may include a host using one or more forms of reverse proxy services to proxy traffic before passing it to a gateway router. The database firewall 948 may inspect the contents of database traffic and block certain content or database requests. The database firewall 948 may work on the SQL application level atop the TCP/IP stack, managing applications' connection to the database or SQL management interfaces as well as intercepting and enforcing packets traveling to or from a database network or application interface.

In some implementations, communication with the database storage 956 may be conducted via the database switch 952. The multi-tenant database storage 956 may include more than one hardware and/or software components for handling database queries. Accordingly, the database switch 952 may direct database queries transmitted by other components of the on-demand database service environment e.g., the pods 940 and 944) to the correct components within the database storage 956.

In some implementations, the database storage 956 is an on-demand database system shared by many different organizations. The on-demand database service may employ a multi-tenant approach, a virtualized approach, or any other type of database approach. On-demand database services are discussed in greater detail with reference to FIGS. 7A and 7B.

FIG. 7B shows a system diagram further illustrating an example of architectural components of an on-demand database service environment, in accordance with some implementations. The pod 944 may be used to render services to a user of the on-demand database service environment 900. In some implementations, each pod may include a variety of servers and/or other systems. The pod 944 includes one or more content batch servers 964, content search servers 968, query servers 982, file servers 986, access control system (ACS) servers 980, hatch servers 984, and app servers 988. Also, the pod 944 includes database instances 990, quick file systems (QFS) 992, and indexers 994. In one or more implementations, some or all communication between the servers in the pod 944 may be transmitted via the switch 936.

The content batch servers 964 may handle requests internal to the pod. These requests may he long-running and/or not tied to a particular customer. For example, the content batch servers 964 may handle requests related to log mining, cleanup work, and maintenance tasks.

The content search servers 968 may provide query and indexer functions. For example, the functions provided by the content search servers 968 may allow users to search through content stored in the on-demand database service environment.

The file servers 986 may manage requests for information stored in the file storage 998. The file storage 998 may store information such as documents, images, and basic large objects (BLOBs). By managing requests for information using the file servers 986, the image footprint on the database may be reduced.

The query servers 982 may he used to retrieve information from one or more file systems. For example, the query system 982 may receive requests for information from the app servers 988 and then transmit information queries to the NFS 996 located outside the pod.

The pod 944 may share a database instance 990 configured as a multi-tenant environment in which different organizations share access to the same database. Additionally, services rendered by the pod 944 may call upon various hardware and/or software resources. In some implementations, the ACS servers 980 may control access to data, hardware resources, or software resources.

In some implementations, the batch servers 984 may process batch jobs, which are used to run tasks at specified times. Thus, the batch servers 984 may transmit instructions to other servers, such as the app servers 988, to trigger the batch jobs.

In some implementations, the QFS 992 may be an open source file system available from Sun Microsystems® of Santa Clara, Calif. The QFS may serve as a rapid-access file system for storing and accessing information available within the pod 944. The QFS 992 may support some volume management capabilities, allowing many disks to be grouped together into a file system. File system metadata can be kept on a separate set of disks, which may be useful for streaming applications where long disk seeks cannot be tolerated. Thus, the QFS system may communicate with one or more content search servers 968 and/or indexers 994 to identify, retrieve, move, and/or update data stored in the network file systems 996 and/or other storage systems.

In some implementations, one or more query servers 982 may communicate with the NFS 996 to retrieve and/or update information stored outside of the pod 944. The NFS 996 may allow servers located in the pod 944 to access information to access files over a network in a manner similar to how local storage is accessed.

In some implementations, queries from the query servers 922 may be transmitted to the NFS 996 via the load balancer 928, which may distribute resource requests over various resources available in the on-demand database service environment. The NFS 996 may also communicate with the QFS 992 to update the information stored on the NFS 996 and/or to provide information to the QFS 992 for use by servers located within the pod 944.

In some implementations, the pod may include one or more database instances 990. The database instance 990 may transmit information to the QFS 992. When information is transmitted to the QFS, it may be available for use by servers within the pod 944 without using an additional database call.

In some implementations, database information may be transmitted to the indexer 994. Indexer 994 may provide an index of information available in the database 990 and/or QFS 992. The index information may be provided to file servers 986 and/or the QFS 992.

In some implementations, one or more application servers or other servers described above with reference to FIGS. 7A and 7B include a hardware and/or software framework configurable to execute procedures using programs, routines, scripts, etc. Thus, in some implementations, one or more of application servers 50 ₁-50 _(N) of FIG. 7B can be configured to initiate performance of one or more of the operations described above by instructing another computing device to perform an operation. In some implementations, one or more application servers 50 ₁-50 _(N) carry out, either partially or entirely, one or more of the disclosed operations. in some implementations, app servers 988 of FIG. 7B support the construction of applications provided by the on-demand database service environment 900 via the pod 944. Thus, an app server 988 may include a hardware and/or software framework configurable to execute procedures to partially or entirely carry out or instruct another computing device to carry out one or more operations disclosed herein. In alternative implementations, two or more app servers 988 may cooperate to perform or cause performance of such operations. Any of the databases and other storage facilities described above with reference to FIGS. 6A, 6B, 7A and 7B can be configured to store lists, articles, documents, records, files, and other objects for implementing the operations described above. For instance, lists of available communication channels associated with share actions for sharing a type of data item can be maintained in tenant data storage 22 and/or system data storage 24 of FIGS. 7A and 7B. By the same token, lists of default or designated channels for particular share actions can be maintained in storage 22 and/or storage 24. in some other implementations, rather than storing one or more lists, articles, documents, records, and/or files, the databases and other storage facilities described above can store pointers to the lists, articles, documents, records, and/or files, which may instead be stored in other repositories external to the systems and environments described above with reference to FIGS. 6A, 6B, 7A and 7B.

While some of the disclosed implementations may be described with reference to a system having an application server providing a front end for an on-demand database service capable of supporting multiple tenants, the disclosed implementations are not limited to multi-tenant databases nor deployment on application servers. Some implementations may be practiced using various database architectures such as ORACLE®, DB2® by IBM and the like without departing from the scope of the implementations claimed.

It should be understood that some of the disclosed implementations can be embodied in the form of control logic using hardware and/or computer software in a modular or integrated manner. Other ways and/or methods are possible using hardware and a combination of hardware and software.

Any of the disclosed implementations may be embodied M various types of hardware, software, firmware, and combinations thereof. For example, some techniques disclosed herein may be implemented, at least in part, by computer-readable media that include program instructions, state information, etc., for performing various services and operations described herein. Examples of program instructions include both machine code, such as produced by a compiler, and files containing higher-level code that may be executed by a computing device such as a server or other data processing apparatus using an interpreter. Examples of computer-readable media include, but are not limited to: magnetic media such as hard disks, floppy disks, and magnetic tape; optical media such as flash memory, compact disk (CD) or digital versatile disk (DVD); magneto-optical media; and hardware devices specially configured to store program instructions, such as read-only memory (ROM) devices and random access memory (RAM) devices. A computer-readable medium may be any combination of such storage devices.

Any of the operations and techniques described in this application may be implemented as software code to be executed by a processor using any suitable computer language such as, for example, Java, C++ or Perl using, for example, object-oriented techniques. The software code may be stored as a series of instructions or commands on a computer-readable medium. Computer-readable media encoded with the software/program code may be packaged with a compatible device or provided separately from other devices (e.g., via Internet download). Any such computer-readable medium may reside on or within a single computing device or an entire computer system, and may be among other computer-readable media within a system or network. A computer system or computing device may include a monitor, printer, or other suitable display for providing any of the results mentioned herein to a user.

While various implementations have been described herein, it should be understood that they have been presented by way of example only, and not limitation. Thus, the breadth and scope of the present application should not be limited by any of the implementations described herein, but should be defined only in accordance with the following and later-submitted claims and their equivalents. 

1. A system comprising: a database system implemented using a server system, the database system configured to cause: processing, by a server, a request received from a client device; responsive to the request, transmitting, by the server to the client device, a response including a HyperText Markup Language (HTML) file, the HTML file configured to call JavaScript code, the JavaScript code configured to call a requestAnimationFrame browser application programming interface (API) with an argument identifying a callback function, the callback function being configured to cause a web browser of the client device to: reset a first Cascading Style Sheets (CSS) animation of a first DOM element, the first CSS animation being configured to cause the first DOM element to transition from a hidden state to a visible state during a first time duration specified by a first animation-duration property of the first element; and call the requestAnimationFrame browser API with the argument identifying the callback function.
 2. The system of claim 1, the first DOM element having one or more CSS properties, the CSS properties including a first CSS property having a first level in the hidden state and having a second level in the visible state.
 3. The system of claim 2, the first CSS property including at least one of: an opacity property, a visibility property, or a transform property.
 4. The system of claim 1, the first DOM element being defined by a first class having a CSS animation-name property specifying an animation name of the first animation, the first animation being controlled by a @keyframes rule, the @keyframes rule defining an animation sequence from the hidden state to the visible state.
 5. The system of claim 4, the @keyframes rule defining a first set of CSS styles for the hidden state and a second set of CSS styles for the visible state.
 6. The system of claim 4, the @keyframes rule further defining a third set of CSS styles for an intermediate state between the hidden state and the visible state, a keyframe selector of the @keyframes rule specifying a particular percentage associated with the intermediate state.
 7. The system of claim 4, the animation name being associated with a source of data for the first animation.
 8. A method, comprising: transmitting, by a web browser of a client device, a request for a web page; processing, by the web browser of the client device, a response received from a server responsive to the request, the response including a HyperText Markup Language (HTML) file; processing by the web browser of the client device, the HTML file, the HTML file configured to call JavaScript code, the JavaScript code configured to call a requestAnimationFrame browser application programming interface (API) with an argument identifying a callback function, the callback function being configured to cause the web browser to: reset a first Cascading Style Sheets (CSS) animation of a first DOM element, the first CSS animation being configured to cause the first DOM element to transition from a hidden state to a visible state during a first time duration specified by a first animation-duration property of the first element; and call the requestAnimationFrame browser API with the argument identifying the callback function; and executing, by the web browser of the client device, the JavaScript code.
 9. The method of claim 8, the first DOM element having one or more CSS properties, the CSS properties including a first CSS property having a first level in the hidden state and having a second level in the visible state.
 10. The method of claim 9, the first CSS property including at least one of: an opacity property, a visibility property, or a transform property.
 11. The method of claim 8, the first DOM element being defined by a first class having a CSS animation-name property specifying an animation name of the first animation, the first animation being controlled by a @keyframes rule, the @keyframes rule defining an animation sequence from the hidden state to the visible state.
 12. The method of claim 11, the @keyframes rule defining a first set of CSS styles for the hidden state and a second set of CSS styles for the visible state.
 13. The method of claim 11, the @keyframes rule further defining a third set of CSS styles for an intermediate state between the hidden state and the visible state, a keyframe selector of the @keyframes rule specifying a particular percentage associated with the intermediate state.
 14. A computer program product comprising a non-transitory computer-readable storage medium including computer-readable program code that, when executed by one or more processors, cause the processors to: transmit, by a web browser of a client device, a request for a web page; process, by the web browser of the client device, a response received from a server responsive to the request, the response including a HyperText Markup Language (HTML) file; process by the web browser of the client device, the HTML file, the HTML file configured to call JavaScript code, the JavaScript code configured to call a requestAnimationFrame browser application programming interface (API) with an argument identifying a callback function, the callback function being configured to cause the web browser to: reset a first Cascading Style Sheets (CSS) animation of a first DOM element, the first CSS animation being configured to cause the first DOM element to transition from a hidden state to a visible state during a first time duration specified by a first animation-duration property of the first element; and call the requestAnimationFrame browser API with the argument identifying the callback function; and executing, by the web browser of the client device, the JavaScript code.
 15. The computer program product of claim 14, the first DOM element having one or more CSS properties, the CSS properties including a first CSS property having a first level in the hidden state and having a second level in the visible state, the first CSS property including at least one of: an opacity property, a visibility property, or a transform property.
 16. The computer program product of claim 14, the first DOM element being defined by a first class having a CSS animation-name property specifying an animation name of the first animation, the first animation being controlled by a @keyframes rule, the @keyframes rule defining an animation sequence from the hidden state to the visible state.
 17. The computer program product of claim 16, the @keyframes rule defining a first set of CSS styles for the hidden state and a second set of CSS styles for the visible state.
 18. The computer program product of claim 16, the @keyframes rule further defining a third set of CSS styles for an intermediate state between the hidden state and the visible state, a keyframe selector of the @keyframes rule specifying a particular percentage associated with the intermediate state.
 19. The computer program product of claim 16, the animation name being associated with a source of data for the first animation.
 20. The computer program product of claim 14, the callback function being configured to reset the first CSS animation by: removing a first class that defines the first element; and adding the first class that defines the first element. 